<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <title>欢迎来到长江大学化学与工程学院！</title>
        <link rel="stylesheet" href="css/style.css">
    </head>
    
    <body>
        <div class="container header-container">
            <div class="header">
                <h1>化学与环境工程学院</h1>
                <small>College of Chemistry & Environmental Engineering</small>
            </div>
        </div><!--OK-->
        <div class="navbar navbar-default navi-div" role="navigation">
            <div class="container-fluid">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                </div>
                <div class="collapse navbar-collapse navbar-ex1-collapse">
                        <div class="container">
                            <ul class="nav nav-pills nav-justified">
                            <li>
                                <a href="/">主页</a>
                            </li>
                            <li>
                                <a href="/">学院概况</a>
                            </li>
                            <li>
                                <a href="/">系部设置</a>
                            </li>
                            <li>
                                <a href="/">本科教育</a>
                            </li>
                            <li>
                                <a href="/">研究生教育</a>
                            </li>
                            <li>
                                <a href="/">科学研究</a>
                            </li>
                            <li>
                                <a href="/">平台设置</a>
                            </li>
                            <li>
                                <a href="/">教师队伍</a>
                            </li>
                            <li>
                                <a href="/">学生工作</a>
                            </li>
                            <li>
                                <a href="/">校友风采</a>
                            </li>
                            <li>
                                <a href="/">对外交流</a>
                            </li>
                        </ul>
                    </div>
                    </div>
            </div>
        </div>
        <div class="container">
            <div class="col-lg-4 col-md-4 upper" id="tzgg">
                <h2>通知公告</h2>
                <a class="more" href="">更多</a>
                <div class="clearfix"></div>
                <ul>
                    <li><a title="再见再见再见再见再见再见">再见再见再见再见再见再见再见再见再见再见再见再见</a><span class="list-date">09-20</span></li>
                    <li><a title="再见再见再见再见再见再见">再见再见再见再见再见再见再见再见再见再见再见再见</a><span class="list-date">09-20</span></li>
                    <li><a title="再见再见再见再见再见再见">再见再见再见再见再见再见再见再见再见再见再见再见</a><span class="list-date">09-20</span></li>
                    <li><a title="再见再见再见再见再见再见">再见再见再见再见再见再见再见再见再见再见再见再见</a><span class="list-date">09-20</span></li>
                    <li><a title="再见再见再见再见再见再见">再见再见再见再见再见再见再见再见再见再见再见再见</a><span class="list-date">09-20</span></li>
                    <li><a title="再见再见再见再见再见再见">再见再见再见再见再见再见再见再见再见再见再见再见</a><span class="list-date">09-20</span></li>
                </ul>
            </div>
            <!----><div class="col-lg-4 col-md-4">
                <div id="carousel-2" class="carousel slide" data-ride="carousel">
                    <ol class="carousel-indicators">
                        <li data-target="#carousel-2" data-slide-to="0" class="active"></li>
                        <li data-target="#carousel-2" data-slide-to="1"></li>
                        <li data-target="#carousel-2" data-slide-to="2"></li>
                        <li data-target="#carousel-2" data-slide-to="3"></li>
                        <li data-target="#carousel-2" data-slide-to="4"></li>
                    </ol>
                    <div class="carousel-inner" role="listbox">
                        <div class="item active">
                            <img src="../week2/images/1.jpg" alt="...">
                        </div>
                        <div class="item">
                            <img src="../week2/images/1.jpg" alt="...">
                        </div>
                        <div class="item">
                            <img src="../week2/images/1.jpg" alt="...">
                        </div>
                        <div class="item">
                            <img src="../week2/images/1.jpg" alt="...">
                        </div>
                        <div class="item">
                            <img src="../week2/images/1.jpg" alt="...">
                        </div>
                        <div class="item">
                            <img src="../week2/images/1.jpg" alt="...">
                        </div>
                    </div>
                    <a class="left carousel-control" href="#carousel-2" role="button" data-slide="prev">
                        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                        <span class="sr-only">Previous</span>
                    </a>
                    <a class="right carousel-control" href="#carousel-2" role="button" data-slide="next">
                        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                        <span class="sr-only">Next</span>
                    </a>
                </div>
            </div>--><!--图片滚动的html-->
            <div class="col-lg-4 col-md-4 upper" id="xyxw">
                <h2>学院新闻</h2>
            <a class="more" href="">更多</a>
            <div class="clearfix"></div>
            <ul>
                <li><a title="再见再见再见再见再见再见">再见再见再见再见再见再见再见再见再见再见再见再见</a><span class="list-date">09-20</span></li>
                <li><a title="再见再见再见再见再见再见">再见再见再见再见再见再见再见再见再见再见再见再见</a><span class="list-date">09-20</span></li>
                <li><a title="再见再见再见再见再见再见">再见再见再见再见再见再见再见再见再见再见再见再见</a><span class="list-date">09-20</span></li>
                <li><a title="再见再见再见再见再见再见">再见再见再见再见再见再见再见再见再见再见再见再见</a><span class="list-date">09-20</span></li>
                <li><a title="再见再见再见再见再见再见">再见再见再见再见再见再见再见再见再见再见再见再见</a><span class="list-date">09-20</span></li>
                <li><a title="再见再见再见再见再见再见">再见再见再见再见再见再见再见再见再见再见再见再见</a><span class="list-date">09-20</span></li>
            </ul>
            </div>
        </div>
        <div class="container">
            <div class="col-lg-4 col-md-4 middle" id="jyjx">
            <h2>教育教学</h2>
            <a class="more" href="">更多</a>
            <div class="clearfix"></div>
            <ul>
                <li><a title=再见再见再见再见再见再见>再见再见再见再见再见再见</a></li>
                <li><a title=再见再见再见再见再见再见>再见再见再见再见再见再见</a></li>
                <li><a title=再见再见再见再见再见再见>再见再见再见再见再见再见</a></li>
                <li><a title=再见再见再见再见再见再见>再见再见再见再见再见再见</a></li>
            </ul>
        </div>
        <div class="col-lg-4 col-md-4 middle" id="kxyj">
            <h2>科学研究</h2>
            <a class="more" href="">更多</a>
            <div class="clearfix"></div>
            <ul>
                <li><a title=再见再见再见再见再见再见>再见再见再见再见再见再见</a></li>
                <li><a title=再见再见再见再见再见再见>再见再见再见再见再见再见</a></li>
                <li><a title=再见再见再见再见再见再见>再见再见再见再见再见再见</a></li>
                <li><a title=再见再见再见再见再见再见>再见再见再见再见再见再见</a></li>
                <li><a title=再见再见再见再见再见再见>再见再见再见再见再见再见</a></li>
            </ul>
        </div>
        <div class="col-lg-4 col-md-4 middle" id="ptjs">
            <h2>平台建设</h2>
            <a class="more" href="/news/ptjs">更多</a>
            <div class="clearfix"></div>
            <ul>
                <li><a title=再见再见再见再见再见再见>再见再见再见再见再见再见</a></li>
                <li><a title=再见再见再见再见再见再见>再见再见再见再见再见再见</a></li>
                <li><a title=再见再见再见再见再见再见>再见再见再见再见再见再见</a></li>
                <li><a title=再见再见再见再见再见再见>再见再见再见再见再见再见</a></li>
            </ul>
        </div>
        </div>
        <div class="lower-div">
        <div class="container">
            <div class="col-lg-4 col-md-4 lower" id="xsheng">
                <h2>学生</h2>
                <ul>
                    <li><a title=再见再见再见>再见再见再见再见再见再见</a></li>
                    <li><a title=再见再见再见>再见再见再见再见再见再见</a></li>
                    <li><a title=再见再见再见>再见再见再见再见再见再见</a></li>
                    <li><a title=再见再见再见>再见再见再见再见再见再见</a></li>
                    <li><a title=再见再见再见>再见再见再见再见再见再见</a></li>
                </ul>
                <div class="clearfix"></div>
            </div>
            <div class="col-lg-4 col-md-4 lower" id="xz">
                <h2>学者</h2>
                <ul>
                    <li><a title=再见再见再见>再见再见再见再见再见再见</a></li>
                    <li><a title=再见再见再见>再见再见再见再见再见再见</a></li>
                    <li><a title=再见再见再见>再见再见再见再见再见再见</a></li>
                    <li><a title=再见再见再见>再见再见再见再见再见再见</a></li>
                    <li><a title=再见再见再见>再见再见再见再见再见再见</a></li>
                </ul>
                <div class="clearfix"></div>
            </div>
            <div class="col-lg-4 col-md-4 lower" id="xshu">
                <h2>学术</h2>
                <ul>
                    <li><a title=再见再见再见>再见再见再见再见再见再见</a></li>
                    <li><a title=再见再见再见>再见再见再见再见再见再见</a></li>
                    <li><a title=再见再见再见>再见再见再见再见再见再见</a></li>
                    <li><a title=再见再见再见>再见再见再见再见再见再见</a></li>
                    <li><a title=再见再见再见>再见再见再见再见再见再见</a></li>
                </ul>
                <div class="clearfix"></div>
            </div>
        </div>
        </div>
        <div class="bottom-menu">
        <div class="container">
            <ul class="nav nav-pills nav-justified">
                <li><a href="/news/jzxj">奖助学金</a></li>
                <li><a href="/news/qnjs">青年团队</a></li>
                <li><a href="http://hgsy.yangtzeu.edu.cn/">实验室</a></li>
                <li><a href="/news/llxx">党建工作</a></li>
                <li><a href="/news/ztzl">专题专栏</a></li>
                <li><a href="mailto:hgxyyz@yangtzeu.edu.cn">院长信箱</a></li>
            </ul>
        </div>
        </div>
        <div class="copyright">
            <div class="container">
                <div class="info copyright-div col-lg-6 col-md-6">
                    <p>地址：荆州市荆州区南环路1号长江大学东校区</p>
                    <p>电话：07168060650 </p>
                    <p>邮编：434023 </p>
                    <p>技术支持：长大在线信息传媒</p>
                </div>
                <div class="copyright-div qr col-lg-2 col-md-2">
                     <div class="qr-div">
                         <h2>官方微博</h2>
                         <img src="../week2/images/2wm.jpg">
                         <div class="clearfix"></div> 
                     </div>
                </div>
                <div class="copyright-div qr col-lg-2 col-md-2">
                    <div class="qr-div">
                        <h2>官方应用</h2>
                        <img src="../week2/images/2wm.jpg">
                        <div class="clearfix"></div>
                    </div>
                </div>
                <div class="copyright-div qr col-lg-2 col-md-2">
                    <div class="qr-div">
                        <h2>官方微信</h2>
                        <img src="../week2/images/2wm.jpg">
                        <div class="clearfix"></div>
                    </div>
                </div>
                <div class="copyright-div qr"></div>
                <div class="copyright-div qr"></div>
                <div class="clearfix"></div>
            </div>
        </div>
    </body>
</html>



